import { Button } from "antd";
import SvgIcon from "./components/SvgIcon.tsx";
import useZuStore, { resetAllSlices, StoreName } from "./store/index.ts";

function App() {
  const { bears, addBear, addFish, fishes } = useZuStore();
  return (
    <div className="a">
      <div>{bears + fishes}</div>
      <Button type="primary" onClick={() => addBear()}>
        addBear
      </Button>
      <Button type="primary" onClick={() => addFish()}>
        addFish
      </Button>
      <Button type="primary" onClick={() => resetAllSlices([StoreName.Bear])}>
        重置Store
      </Button>
      <SvgIcon name="react"></SvgIcon>
    </div>
  );
}

export default App;
